<template>
	<view class="account">
		<view class="nameBox">
			<image :src="data && data.headPicture ?data.headPicture : '../../../static/img/defalut_tx.png'" @click="chooseImage()"></image>
			<view class="placeholder">
				<view class="name">{{data.realName}}</view>
				<view class="nickname">{{data && data.healthRank == 1 ? '健康管理师' : '健康专家'}}</view>
			</view>
		</view>
		
		<view class="appellationBox">
			<view class="item">
				<text>称谓：</text>
				<input type="text" v-model="data.appellations" placeholder="请输入你的称谓">
			</view>
			<view class="item">
				<text>科室：</text>
				<input type="text" v-model="data.department" placeholder="请输入你的科室">
			</view>
			<view class="item">
				<text>手机号：</text>
				<input type="text" :value="data.phone" placeholder="请输入你的手机号">
			</view>
		</view>
		
		<!-- 擅长管理 -->
		<view class="goodAt">
			<view class="adeptAt">擅长管理：</view>
			<view class="tags">
				<text v-for="(item,index) in tags" :key="index" :class="item.checked?'on':''" @click="changeTag(item)">{{item.valuex}}</text>
			</view>
		</view>
		
		<!-- 个人简介 -->
		<view class="personalProfile">
			<view>个人简介：</view>
			<!-- <textarea v-model="data.individual" placeholder="请输入你的简介" /> -->
			<editor id="editor" v-model="data.individual" class="ql-container" placeholder="请输入你的简介" @ready="onEditorReady"></editor>
		</view>
		
		<!-- 资质证书 -->
		<!-- <view class="certificate">
			<view class="book">资质证书：</view>
			<view class="img">
				<view class="nav" v-for="(item,index) in imgList" :key="index">
					<image :src="item" alt="" style="width:100%;height:100%;margin:0;" mode="aspectFill"></image>
					<i @click="delimg(item,index)">
						<image src="@/static/img/headFeature/delete.png" mode="" class="del"></image>
					</i>
				</view>
				<view class="nav" v-if="imgList.length < 9"  @click="addImage">
					<image src="../../../static/img/member/attention.png"></image>
				</view>
			</view>
		</view> -->
		
		<!-- 保存 -->
		<view class="save" @click="save">保存</view>
	</view>
</template>

<script src="@/static/js/headFeatures/settings/accountInformation.js">
</script>

<style lang="scss" scoped>
	@import '@/static/css/headFeatures/settings/accountInformation.scss';
</style>
